<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SISELA</title>
    <link href="stylesheets/css1.css" rel="stylesheet">
    <link href="stylesheets/css2.css" rel="stylesheet">
    <link rel="stylesheet" href="stylesheets/css3.css" />
    <link href="stylesheets/css4.css" type="text/css" rel="stylesheet" />
    <script src="javascripts/jquery-2.1.1.min.js" type="text/javascript"></script>
        <script src="javascripts/1.js" type="text/javascript"></script>
    <script type="text/javascript">
        var jq211 = $.noConflict(true);
    </script>


</head>
<body>
    <span id="spanone"></span>
<div id="div1">
  <div id="div2">
    <img src="images/logo.jpg" id="pic1">
  </div>
    <div id="span1">SISELA</div>
</div>
<input type="button" value="123" onclick="showdiv()">
<div id="div5" style="display:none">


<div class="htmleaf-container">
		<header class="htmleaf-header">


		</header>
		<div class="login-wrap" id="789">
			<div class="login-html">
				<input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">登录</label>
				<input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">注册</label>
				<div class="login-form">
					<div class="sign-in-htm">
						<div class="group">
							<label for="user" class="label">用户名</label>
							<input id="user" type="text" class="input" placeholder="">
						</div>
						<div class="group">
							<label for="pass" class="label">密码</label>
							<input id="pass" type="password" class="input" data-type="password">
						</div>
						<div class="group">
							<input id="check" type="checkbox" class="check" checked>
							<label for="check"><span class="icon"></span>记住我</label>
						</div>
						<div class="group">
							<input type="button" id="go" class="button" value="登录" onclick="login()">
						</div>
						<div class="hr"></div>
						<div class="foot-lnk">
							<a href="find.html">忘记密码</a>
						</div>
					</div>
					<div class="sign-up-htm">
						<div class="group">
							<label for="user" class="label">用户名</label>
							<input id="user2" type="text" class="input">
						</div>
						<div class="group">
							<label for="pass" class="label">密码</label>
							<input id="pass2" type="password" class="input" data-type="password">
						</div>
						<div class="group">
							<label for="pass" class="label">重复密码</label>
							<input id="confirm" type="password" class="input" data-type="password">
						</div>
						<div class="group">
							<label for="pass" class="label">邮件地址</label>
							<input id="email" type="text" class="input">
						</div>
						<div class="group">
							<input type="button" class="button" value="注册" onclick="register()">
						</div>
						<div class="hr"></div>
						<div class="foot-lnk">
							<label for="tab-1">已有帐号</label>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>





    </div>
    <div class="menu-container">
        <menu>
            <menuitem onclick="window.location('index.html')">
                排行榜
            </menuitem>
            <menuitem onclick="window.location('2.html')">
                原谅系列
            </menuitem>
            <menuitem onclick="window.location('3.html')">
                姚明
            </menuitem>
            <menuitem onclick="window.location('4.html')">
                张学友
            </menuitem>
            <menuitem onclick="window.location('5.html')">
                熊本熊
            </menuitem>
            <menuitem onclick="window.location('6.html')">
                动物
            </menuitem>
            <menuitem onclick="window.location('7.html')">
                金馆长
            </menuitem>
            <menuitem onclick="window.location('8.html')">
                我的收藏
            </menuitem>
        </menu>
        <div class="sliding-bar"></div>

    </div>

<script  type="text/javascript">
    jq211(window).ready(function(){
        initMenu();
    });

    jq211('menuitem').hover(function(){
        var offset = jq211(this).offset();
        jq211('.sliding-bar').offset(offset);
    });

    jq211('menu').hover(function(){
        jq211('.sliding-bar').css({opacity:1});
    },function(){
        jq211('.sliding-bar').css({opacity:0});
    })


    var initMenu = function () {
        var $initElem = jq211('menuitem:first-of-type');
        var initOffset = $initElem.offset();
        var initSize = {
            width: $initElem.css('width'),
            height: $initElem.css('height')
        }
        jq211('.sliding-bar')
            .offset(initOffset)
            .css(initSize)
    }

</script>

<div id="div7">
    <div id="gallery-container">
        <ul class="items--small">
            
        </ul>
    </div>
</div>

<div id="div3">
    &copy;  SISELA <a href="HOME.SISE.CN/" target="_blank" title="SISELA">SISELA</a> - Collect from <a href="HOME.SISE.CN/" title="SISELA" target="_blank">SISELA</a>
</div>
</body>
<style>
    .item{
        width: 100px;
        height: 100px;
    }
</style>
</html>